﻿@{
    ViewBag.Title = "数据库信息";
}

<h2>数据库信息</h2>

@using (Html.BeginForm("GetSqlInfo", "SQL", FormMethod.Post, new { id = "sqlform" }))
{
    <div class="form-group">
        <label for="txtsqlConn">数据库链接字符串</label>
        <input type="text" class="form-control" id="txtsqlConn" placeholder="数据库链接字符串">
    </div>

    <button type="button" onclick="GetSqlInfo()" class="btn btn-default">确定</button>
}

<div id="templateContent"></div>

<script id="datas" type="text/html">
    {{each list as values i}}
    <div class="panel panel-default">
        <div class="panel-body">
            <dl class="dl-horizontal">
                <dt>文件名称：</dt>
                <dd>{{values["fileName"]}}</dd>
                <dt>文件设置大小(MB)：</dt>
                <dd>{{values["fileSize"]}}</dd>
                <dt>文件所占空间(MB)：</dt>
                <dd>{{values["fileUsedSize"]}}</dd>
                <dt>所占空间率(%)：</dt>
                <dd>{{values["fileUsedSizeRatio"]}}</dd>
                <dt>增长模式：</dt>
                <dd>{{values["increaseType"]}}</dd>
                <dt>增量模式：</dt>
                <dd>{{values["incrementType"]}}</dd>
                <dt>增长值(%或MB)：</dt>
                <dd>{{values["increaseValue"]}}</dd>
                <dt>文件所在目录：</dt>
                <dd>{{values["fileDirectory"]}}</dd>
                <dt>文件类型：</dt>
                <dd>{{values["fileType"]}}</dd>
            </dl>
        </div>
    </div>
    {{/each}}
</script>


<script type="text/javascript">
    function GetSqlInfo() {
        $.post($("#sqlform").attr("action"), { connStr: $("#txtsqlConn").val() }, function (datas) {
            var html = template('datas', { list: datas });
            document.getElementById('templateContent').innerHTML = html;
        })
    }
</script>